body {
  width: 100%;
  max-width: 640px;
  min-width: 392px;
  margin: 0 auto;
  height: 1000px;
  background-color: #ccc;
}
.header {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.header .left {
  width: 20%;
  height: 100%;
  float: left;
  padding-left: 10px;
}
.header .banner {
  width: 70%;
  height: 100%;
  float: left;
  font-size: 30px;
  text-align: center;
}
.header .right {
  width: 10%;
  height: 100%;
  float: left;
  position: relative;
}
.header .right img {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10%;
  top: 20%;
}
.jd_nav {
  width: 100%;
  background-color: #fff;
  padding: 10px 0;
  height: 25%;
}
.jd_nav li {
  width: 33.33%;
  float: left;
  text-align: center;
  margin-top: 5px;
}
.jd_nav li img {
  width: 200px;
}
.jd_nav1 {
  width: 100%;
  background-color: #ffffff;
  padding: 3px 0;
  height: 30%;
}
.jd_nav1 li {
  width: 25%;
  float: left;
  text-align: center;
  margin-top: 5px;
}
.jd_nav1 li img {
  width: 200px;
}
.a_50 {
  width: 50%;
  display: block;
}
.a_50 > img {
  width: 100%;
  display: block;
}
.b_left {
  border-left: 1px solid #ccc;
}
.b_bottom {
  border-bottom: 1px solid #ccc;
}
.b_right {
  border-right: 1px solid #ccc;
}
.nav {
  width: 100%;
  background-color: #fff;
}
.nav p {
  height: 50px;
  background-color: #eeeeee;
  font-size: 30px;
  line-height: 50px;
}
.nav li {
  width: 100%;
  float: left;
  text-align: center;
}
.nav li img {
  width: 100%;
}
.nav1 {
  width: 100%;
  background-color: #fff;
}
.nav1 li {
  width: 100%;
  float: left;
  text-align: center;
}
.nav1 li img {
  width: 100%;
}
.nav1 h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}
